<!-- created:2022/12/30 19:57 By AdinZ -->
<template>
  <el-descriptions :column="1" border class="expand-lottery">

    <el-descriptions-item label-class-name="description-other-label" label="每人每天抽奖次数">
      {{ data.dayCount }}次
    </el-descriptions-item>
    <el-descriptions-item label-class-name="description-other-label" label="每人每天中奖次数">
      {{ data.dayLottery }}次
    </el-descriptions-item>
    <el-descriptions-item label-class-name="description-other-label" label="中奖概率">
      {{ data.rate }}%
    </el-descriptions-item>
  </el-descriptions>
  <el-row :gutter="15" class="expand-lottery-items" style="margin-top: 15px;">
    <el-col :span="8" v-for="item in data.items" :key="item.id" style="margin-bottom: 15px;">
      <el-card>
      <div class="box text-center">
        <el-image :src="item.thumb" style="width: 100px;height: 100px" :preview-src-list="[item.thumb]"/>
        <p class="title">{{item.title}}</p>
        <div class="flex">
          <div class="flex1">价格:{{item.price}}</div>
          <div class="flex1">数量:{{item.stockNum}}</div>
        </div>
        <p class="rate">中奖概率:{{item.rate}}</p>
      </div>
      </el-card>

    </el-col>
  </el-row>
</template>

<script>
export default {
  name: "ExpandLottery",
  props: {
    data: {
      type: Object,
      default: () => {
        return {}
      }
    }
  },
  data() {
    return {}
  },
  created() {
  },
  methods: {}
}
</script>

<style scoped lang="scss">
.expand-lottery-items {


  .box {
    font-size: 13px;
  }
}
</style>
